.margin_f10 {
    margin: 0 -10px
}

/* html {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(./grayscale.svg#grayscale);
    filter: grayscale(100%);
    filter: gray;
} */
.carousel-inner .item img {
    width: 100%
}

.r-index .r-banner .swiper-slide {
    /* max-height: 600px; */
}

.r-index .r-banner {
    margin-bottom: 3.4rem
}

.r-index a:hover {
    color: #D71518
}

.r-banner .r-sw-b {
    position: relative;
}

.r-banner .swiper-button-next {
    width: 26px;
    height: 27px;
    background-size: 26px 27px;
    top: 90%;
    right: 17%;
    left: auto;
}

.r-banner .swiper-button-prev {
    width: 26px;
    height: 27px;
    background-size: 26px 27px;
    top: 90%;
    right: 21%;
    left: auto;
    outline: none;
}

.r-banner .swiper-button-next {
    background: url(../img/arrow-right.png) no-repeat center !important;
    background-size: 60% !important;
    outline: none;
}

.r-banner .swiper-button-prev {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url(../img/arrow-right.png) no-repeat center !important;
    background-size: 60% !important;
}

.r-banner .swiper-button-prev:hover {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background: url(../img/arrow-left.png) no-repeat center !important;
    background-size: 60% !important;
}

.r-banner .swiper-button-next:hover {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url(../img/arrow-left.png) no-repeat center !important;
    background-size: 60% !important;
}

.r-banner .swiper-slide {
    position: relative;
}

.r-banner .r-banner-con {
    position: absolute;
    left: 50%;
    top: 56%;
    width: 40rem;
    margin-left: -20rem;
    text-align: center
}

.r-banner .r-banner-text {
    font-size: 2.3rem;
    color: #FFFFFF
}

.r-banner .r-icon-pay {
    position: absolute;
    left: 50%;
    top: -269%;
    margin-left: -3rem;
    width: 6rem;
    height: 6rem;
    background: url(../img/play.png) no-repeat;
    background-size: 100%;
}

.r-banner img {
    width: 100%;
}

.r-msg {
    margin-bottom: 2.4rem
}

.r-msg ul li {
    padding: 0;
    border: 0;
    background: none;
    line-height: 2
}

.r-msg .am-list {
    margin-bottom: 0rem;
    height: 48px;
    overflow: hidden;
}

.r-msg .am-list-item-hd {
    color: #333333
}

.r-msg ul li a {
    padding: 0
}

.r-msg .am-list-date {
    top: 0
}

.li-more span {
    display: inline-block;
    width: 30%;
    padding-bottom: 0.2rem
}
.li-more span a {
    color: #333333;
}

.li-more span:hover {
    color: #D71518;
    cursor: pointer
}

.li-more img {
    width: 1.2rem;
    vertical-align: bottom;
    margin-left: 3px
}

.li-more {
    border-bottom: 1px dotted #DFDFDF;
    text-align: right;
    height: 1.8rem;
    line-height: 1;
}

@media only screen and (min-width: 641px) {
    .r-js div[class*="am-u-lg-4"] {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .r-xm {
        padding: 0
    }
}

.r-js .am-thumbnail {
    border-radius: 4px;
    padding: 0;
    border: 0;
    transition: all 0.25s ease;
}

.r-js .am-thumbnail:hover {
    transform: scale(1.01, 1.01);
    -moz-box-shadow: 3px 3px 4px #b9b9b9;
    box-shadow: 3px 3px 4px #b9b9b9;
}

.r-js .am-thumbnail img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.r-js .am-thumbnail h3 {
    font-size: 14px;
    font-weight: normal;
    padding: 0 3.2rem;
    text-align: center;
    margin-bottom: 0.7rem
}

.r-js .am-thumbnail p {
    margin-top: 0.6rem;
    text-align: center;
    font-size: 1.4rem;
    color: #999999;
}

.am-thumbnail .r-bna-icon {
    position: absolute;
    right: 24px;
    bottom: 5px;
}

.am-thumbnail .r-bna-icon svg {
    margin-right: 10px !important
}

.am-thumbnail .r-bna-icon .r-icon-heart {
    width: 20px;
    height: 20px;
    margin: auto;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 12px;
    cursor: pointer;
}

.r-like-num {
    position: relative;
    font-size: 1.2rem;
    color: #999999;
    right: 10px;
    top: -5px;
    width: 24px;
    text-align: center;
}

.r-bna-icon svg {
    text-align: center;
    margin: auto;
    width: 19px;
    height: 24px;
}

#r-icon-page {
    width: 15px;
}

#r-icon-page .page-outline {
    -webkit-animation-name: rline1;
    animation-name: rline1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    stroke-dashoffset: 1000;
    stroke-dasharray: 1000;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

#r-icon-page .page-line {
    -webkit-animation-name: rline1;
    animation-name: rline1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    stroke-dashoffset: 1000;
    stroke-dasharray: 1000;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes rline1 {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes rline1 {
    to {
        stroke-dashoffset: 0;
    }
}

.r-ts .r-title {
    margin-bottom: 40px
}

@media only screen and (min-width: 641px) {
    .r-ts div[class*="am-u-lg-4"] {
        padding-left: 0rem;
        padding-right: 1.5rem;
    }
}

#r-icon-hearbeat {
    -webkit-animation-name: heartbeat2;
    animation-name: heartbeat2;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

@-webkit-keyframes heartbeat2 {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat2 {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

#r-icon-camera .capture {
    -webkit-animation-name: capture;
    animation-name: capture;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

@-webkit-keyframes capture {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    14% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    28% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    70% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        fill: #ea3970;
    }
}

@keyframes capture {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    14% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    28% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
    70% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        fill: #ea3970;
    }
}

#r-icon-stop-circle .stopping {
    -webkit-animation-name: stopping;
    animation-name: stopping;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

@-webkit-keyframes stopping {
    from,
    50%,
    to {
        opacity: 1;
        fill: #ea3970;
        stroke: none;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@keyframes stopping {
    from,
    50%,
    to {
        opacity: 1;
        fill: #ea3970;
        stroke: none;
    }
    25%,
    75% {
        opacity: 0;
    }
}


/* 天使 */

.r-ts .r-map {
    position: relative;
    margin-left: 40px;
    max-width: 600px;
    height: 320px;
    background: url(../img/map.png) no-repeat center;
    background-size: 100%;
    margin-bottom: 58px;
}

.r-ts .r-map .r-tips-m {
    transition: all 0.25s ease;
}



.r-tips-m{
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    height: 35px;
    width: 35px;
}



.r-ts .r-map .r-tips-m:hover {
    transform: scale(1.1, 1.1);
}

.r-map-name {
    margin-left: 78px
}

.r-map-name ul {
    margin-left: 20px;
    width: 80px;
    /*float: left;*/
}



.r-map-name ul li {
    font-size: 1.2rem
}

.r-map-name ul li span {
    display: block;
    /*width: 36px;*/
    height: 7px;
    margin-right: 20px;
    margin-bottom: 8px;
    border-radius: 2px;
}

.r-map span {
    position: absolute;
}

.r-tips-zg {
    width: 55px;
    height: 55px;
    /*top: 24%;*/
    /*right: 14%;*/
    top: 30%;
    right: 58%;
    background: url(../img/map-zg.png) no-repeat center;
    background-size: 100%;
}

.r-tips-mg {
    /* top: 12%;
    right: 20%; */
    width: 35px;
    height: 35px;
    background: url(../img/map-mg.png) no-repeat center;
    background-size: 100%;
}

.r-tips-xly {
    /* top: 20%;
    left: 19%; */
    width: 35px;
    height: 35px;
    background: url(../img/map-xly.png) no-repeat center;
    background-size: 100%;
}

.r-tips-nbe {
    /* top: 37%;
    right: 19%; */
    width: 35px;
    height: 35px;
    background: url(../img/map-nbe.png) no-repeat center;
    background-size: 100%;
}

.r-tips-mlxy {
    /* top: 57%;
    right: 10%; */
    width: 35px;
    height: 35px;
    background: url(../img/map-mlxy.png) no-repeat center;
    background-size: 100%;
}

.r-tips-aseby {
    /* top: 67%;
    left: 26%; */
    width: 35px;
    height: 35px;
    background: url(../img/map-aseby.png) no-repeat center;
    background-size: 100%;
}

.r-tips-bjst {
    /* top: 48%;
    left: 44%; */
    width: 35px;
    height: 35px;
    background: url(../img/map-bjst.png) no-repeat center;
    background-size: 100%;
}

.r-m-zg {
    background: #D71518
}

.r-m-mg {
    background: #EA5413
}

.r-m-xly {
    background: #FFC400
}

.r-m-nbe {
    background: #26A8E3
}

.r-m-mlxy {
    background: #90C31F
}

.r-m-aseby {
    background: #24CCB8
}

.r-m-bjst {
    background: #4880FF
}

@media only screen and (max-width: 640px) {
    .r-banner .r-banner-con {
        top: 66%;
    }
    .r-banner .r-banner-text {
        font-size: 1.6rem
    }
    .r-banner .r-icon-pay {
        margin-left: -2rem;
        width: 4rem;
        height: 4rem;
    }
    .r-map-name,
    .r-ts .r-map {
        margin-left: auto
    }
    .r-ts .r-map {
        margin-bottom: 20px
    }
    .r-tips-zg {
        width: 55px;
        height: 55px;
        top: 24%;
        right: 14%;
    }
    .r-tips-mg {
        /* top: 27%;
        right: 18%; */
        width: 30px;
        height: 30px;
    }
    .r-tips-xly {
        /* top: 30%;
        left: 19%; */
        width: 30px;
        height: 30px;
    }
    .r-tips-nbe {
        /* top: 43%;
        right: 17%; */
        width: 30px;
        height: 30px;
    }
    .r-tips-mlxy {
        /* top: 52%;
        right: 9%; */
        width: 30px;
        height: 30px;
    }
    .r-tips-aseby {
        /* top: 59%;
        left: 25%; */
        width: 30px;
        height: 30px;
    }
    .r-tips-bjst {
        /* top: 48%;
        left: 44%; */
        width: 30px;
        height: 30px;
    }
}


/* 重写ppopover */

.am-popover {
    border-color: #FFFFFF;
    border-radius: 4px
}

.am-popover-inner {
    background: #FFFFFF;
}

.am-popover-inner h4 {
    color: #333333;
    font-size: 1.4rem;
    margin: 0
}

.am-popover-inner p {
    color: #333333;
    font-size: 1rem;
    margin: 0 0 0 15px;
}

.am-popover-inner p span {
    color: #D71518;
    margin-right: 10px
}

.am-popover-caret {
    border-bottom: 8px solid #ffffff;
}

.r-ts .r-ul-table .r-text-red {
    color: #D71518;
}

.r-ts .r-ul-table .r-text-w {
    font-weight: bold
}

.r-ts .r-ul-table .r-text-date {
    color: #999999
}

.r-ts .r-ul-table .r-w-50 {
    display: inline-block;
    width: 48%;
}

.r-ts .r-ul-table .r-w-30 {
    display: inline-block;
    width: 30%;
}

.r-ts .r-ul-table .r-wl-m10 {
    margin-left: 3px
}


/* 项目 */

.r-xm {
    position: relative;
    padding: 0 1.5rem
}

.r-xm .am-thumbnail h3 {
    font-size: 2rem;
    font-weight: bold;
}

.r-xm .am-thumbnail .r-line {
    width: 20px;
}

.r-xm .swiper-button-next {
    width: 15px;
    background: url(../img/xmjt.png) no-repeat center;
    background-size: 100%;
}

.r-xm .swiper-button-prev {
    width: 15px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url(../img/xmjt.png) no-repeat center;
    background-size: 100%;
}

.r-xm .swiper-button-prev:hover {
    width: 15px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background: url(../img/arrl.png) no-repeat center;
    background-size: 100%;
}

.r-xm .swiper-button-next:hover {
    width: 15px;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url(../img/arrl.png) no-repeat center;
    background-size: 100%;
}

.r-xm .swiper-container {
    width: 100%;
    padding: 0 1.5rem !important
}

.swiper-slide .am-thumbnail {
    margin-top: 10px;
}


/* .swiper-slide:not(.swiper-slide-active){
    transform: scale(0.97);
  } */

.swiper-slide.swiper-slide-active .am-thumbnail {
    border-radius: 4px !important;
    transform: scale(1.01, 1.01);
    -moz-box-shadow: 2px 2px 3px #b9b9b9;
    box-shadow: 2px 2px 3px #b9b9b9;
}

.r-xm .swiper-button-prev {
    left: -20px;
    outline: none
}

.r-xm .swiper-button-next {
    right: -20px;
    outline: none
}


/* 天使 */

.r-ts .am-panel {
    border-radius: 4px;
    margin-top: 20px
}

.r-ts .am-panel-hd {
    font-size: 1.2rem;
    padding: 0.6rem 0.7rem;
    font-weight: bold;
    position: relative;
}

.r-panel-more {
    position: absolute;
    right: 0.7rem;
    top: 0.6rem;
}

.r-panel-more:after {
    content: "\f0da";
    display: inline-block;
    margin-left: 4px;
    font: normal normal normal 1.8rem/1 "FontAwesome", sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.r-panel-more:after {
    font-size: 133%;
    vertical-align: -8%;
}

.r-ts .am-panel-title {
    padding-right: 80px
}

.r-ts .am-panel-hd {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.r-ts .am-table tbody tr td {
    font-size: 1.2rem
}

.r-ts .r-line {
    width: 23px;
}

.r-ul-table {
    list-style: none;
    padding-left: 0;
    margin: 0
}

.r-ul-table li {
    margin: 0 0.7rem;
    border-bottom: 1px dotted #D7D7D7;
    padding: 1rem 0;
    font-size: 1.2rem
}

.r-ul-table li:last-child {
    border: 0
}


/* 专题 */

.am-thumbnail {
    position: relative;
}

.r-zt .am-thumbnail h3 {
    text-align: left;
    padding-left: 0;
    padding-right: 6.4rem
}

.r-zt .r-line {
    margin: 0;
    width: 23px;
}

.r-zt .am-thumbnail p {
    text-align: left
}

.am-thumbnail .r-jber {
    position: absolute;
    top: 0
}

.am-thumbnail .r-jber div {
    position: relative;
    width: 88px;
    padding-bottom: 102px;
    top: -6px;
    left: -9px;
    z-index: 2;
}

.am-thumbnail .r-jber .r-jber-txt {
    background: url(../img/label-txt.png) no-repeat;
    background-size: 100%;
}

.am-thumbnail .r-jber .r-jber-pic {
    background: url(../img/label-pic.png) no-repeat;
    background-size: 100%;
}

.am-thumbnail .r-jber-video {
    background: url(../img/label-video.png) no-repeat;
    background-size: 100%;
}

.r-jz-slide {
    height: 87px;
    overflow: hidden;
}


/* 点赞特效 */

@-webkit-keyframes niceIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    70% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes niceIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }
    70% {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes niceIn {
    0% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
    70% {
        -o-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes niceIn {
    0% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }
    70% {
        -o-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.niceIn {
    -webkit-animation: niceIn 0.8s .2s ease;
    -moz-animation: niceIn 0.8s .2s ease;
    -o-animation: niceIn 0.8s .2s ease;
    animation: niceIn 0.8s .2s ease;
}

.index-page .r-title span a {
    position: relative;
}
.index-page .r-title img {
    position: absolute;
    width: 1.2rem;
    vertical-align: middle;
    margin-left: 3px;
    margin-bottom: 2px;
    top: 50%;
    transform: translateY(-50%);
}
.index-page .r-panel-more a {
    color: #333333;
}
.index-page .r-panel-more a:hover {
    color: #D71518;
}